body 
{   padding: 0;
    margin: 0;
    background: #73ADD7 url(/webmedia/images/gradient.gif) repeat-x;
    font-family:"Trade Gothic", Gothic, sans-serif;

}

#page {
    background: url(/webmedia/images/sky.jpg) no-repeat center top;
    width: 100%;
    display: table;
}

#content {
    width: 852px;
    margin: 105px auto 0;
    padding: 20px;
}


h1 {
    margin: 0;
    padding: 0;
}

a {    
   text-decoration: none;
    color: #ffffff;
   <!-- border-bottom: 1px dotted; -->

}


form {
  text-align: center;
}


p

{
font-size:1.00em;
}    
        
    #infovis {
    position:relative;
    width:375px;
    height:375px;
    margin:auto;
    overflow:hidden;    

}

.tip {
    color: #111;
    width: 139px;
    background-color: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=80);
    font-size:13px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
}



#container {

bottom: 0px;
left: 0px;
right: 0px;

height: 100%;
width: 100%;

position: absolute;

min-width: 950px;
-width: 950px;


}


#results {

top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
position: absolute;



}


#left-container {


width: 31%;
height: 100%;
overflow-y: hidden;




}

#summary-container {
width: 100%;
height: 100%;


border-top-style:solid;

}



#right-container {
background: url(/webmedia/images/grid.png) no-repeat center top;
left: 31%;
width: 68%;
top: 7px;
bottom: 1px;
font-size:4.00em;

position: absolute;


border-style:solid;
}



#one {

 position:absolute;
display: inline-block;

top: 92%;

font-size:100%;


}

#two {
 position:absolute;
display: inline-block;

top: 85%;
left: 35%;
font-size:90%;
}

#three {
 position:absolute;
display: inline-block;

top: 78%;
font-size:85%;
left: 1%;

}

#four {
 position:absolute;
display: inline-block;


top: 73%;
font-size:75%;
left: 50%;



}

#five {
 position:absolute;
display: inline-block;

top: 68%;
font-size:70%;
left: 3%;


}



#six {
 position:absolute;
display: inline-block;

top: 64%;
font-size:65%;
left: 50%;


}

#seven {
 position:absolute;
display: inline-block;

top: 60%;
font-size:60%;
left: 8%;




}

#eight {
position:absolute;
display: inline-block;

top: 55%;
font-size:55%;
left: 50%;



}

#nine {
 position:absolute;
display: inline-block;

top: 50%;
font-size:55%;
left: 9%;


}

#ten {
 position:absolute;
display: inline-block;

top: 46%;
font-size:52%;
left: 40%;


}

#eleven {
 position:absolute;
display: inline-block;

top: 43%;
font-size:50%;
left: 11%;


}


#twelve {

 position:absolute;
display: inline-block;

top: 40%;
font-size:45%;
left: 40%;



}


#thirteen {

 position:absolute;
display: inline-block;

top: 36%;
font-size:45%;
left: 13%;



}


#fourteen {

 position:absolute;
display: inline-block;

top: 35%;
font-size:45%;
left: 60%;



}


#fifteen {

 position:absolute;
display: inline-block;

top: 32%;
font-size:42%;
left: 14%;



}


#sixteen {

 position:absolute;
display: inline-block;

top: 28%;
font-size:40%;
left: 55%;



}


#seventeen {

 position:absolute;
display: inline-block;

top: 25%;
font-size:35%;
left: 16%;



}


#eighteen {

 position:absolute;
display: inline-block;

top: 22%;
font-size:35%;
left: 65%;



}



#nineteen {

 position:absolute;
display: inline-block;

top: 18%;
font-size:28%;
left: 18%;



}



#twenty {

 position:absolute;
display: inline-block;

top: 16%;
font-size:25%;
left: 40%;



}

#twentyone {

 position:absolute;
display: inline-block;

top: 15%;
font-size:25%;
left: 10%;



}

#twentytwo {

 position:absolute;
display: inline-block;

top: 14%;
font-size:25%;
left: 20%;



}

#twentythree {

 position:absolute;
display: inline-block;

top: 13%;
font-size:20%;
left: 50%;



}

#twentyfour {

 position:absolute;
display: inline-block;

top: 11%;
font-size:20%;
left: 65%;



}

#twentyfive {

 position:absolute;
display: inline-block;

top: 9%;
font-size:20%;
left: 70%;



}

#twentysix {

 position:absolute;
display: inline-block;

top: 7%;
font-size:18%;
left: 20%;



}

#twentyseven {

 position:absolute;
display: inline-block;

top: 6%;
font-size:18%;
left: 40%;



}

#twentyeight {

 position:absolute;
display: inline-block;

top: 5%;
font-size:15%;
left: 60%;



}

#twentynine {

 position:absolute;
display: inline-block;

top: 3%;
font-size:15%;
left: 50%;



}

#thirty {

 position:absolute;
display: inline-block;

top: 2%;
font-size:15%;
left: 65%;



}




